<?php
/**
* @Pagina con la parametrizacion del servicio, nivel y categoria del servicio.
* @Autor: Andrea Martinez
* @Pagina con la vista de la parametrizacion de Usuarios
* @Fecha: 30-12-2014
*/
    session_start();
    if(!isset($_SESSION['usuario'])){
            header('location:../html/login.html');
         }
         
         echo '
                <center>
                    <title>Parametrizacion Usuarios</title>
                    <table>
                        <tr>
                            <td>';
                         include_once 'menu.php';
                        echo"</td>
                        </tr>
                    </table>";
?>
<html>
    <head>
        <script src="../Js/jquery-1.9.1.min.js"></script>
          <!--Librerias de la botoneria y pop-up-->
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <link href="../Modal/css/bootstrap.min.css" rel="stylesheet">
          <script src="../Modal/js/bootstrap.min.js"></script>
        <!-- LIBRERIAS JQUERY Y CSS PARA LA CREACION DE LAS ALERTAS -->
        <script type="text/javascript" src="../../Ginecobstetricia/vista/js/alertify.js"></script>
	<link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.core.css" />
	<link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.default.css" />
        <link href="../../Ginecobstetricia/vista/css/bootstrap-combined.min.css" rel="stylesheet">
        
        <!-- Hojas de estilo -->
        <style>
            #tabla{
                background-color: white;
                width: 350px;
                height: 100%;
            }
            
            
            #miTabla tr:nth-child(odd) {
               background-color: #FFFFFF;
                
            }

            #miTabla tr:nth-child(even) {
               background-color: #DAEAFF;
                
            }
            .white {
                border-radius: 5px;
                color: #606060;
                border: solid 1px #b7b7b7;
                background: #fff;
                background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
                background: -moz-linear-gradient(top,  #fff,  #ededed);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
                padding: 1px 1px 1px;
                font-size: 11px;
            }
            .white:hover {
                background: #ededed;
                background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
                background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
            }
            .white:active {
                color: #999;
                background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
                background: -moz-linear-gradient(top,  #ededed,  #fff);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
            }
            
            
             /*Prueba Nuevo formulario*/
            

            body {
              font: 13px/20px 'Lucida Grande', Tahoma, Verdana, sans-serif;
              color: #404040;
              /*background-image: url(../imagen/fondo3.jpg);*/
            }

            .container {
              margin: 8px auto;
              width: 87%;
            }

           .formulario {
              position: relative;
              margin-left:-25px;
              width: 1200px;
            }
           
            .formulario:before {
              content: '';
              position: absolute;
              top: -8px;
              right: -8px;
             
              left: -8px;
              z-index: -1;
            }
            .formulario h1 {
              line-height: 40px;
              font-size: 13px;
              font-weight: bold;
              color: #555;
              text-align: center;
              text-shadow: 0 1px white;
              background: #f3f3f3;
              border-bottom: 1px solid #cfcfcf;
              border-radius: 3px 3px 0 0;
              background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
              background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
              -webkit-box-shadow: 0 1px whitesmoke;
              box-shadow: 0 1px whitesmoke;
              padding: 4px;
            }
            .formulario p {
              margin: 20px 0 0;
            }
            .formulario p:first-child {
              margin-top: 0;
            }
            .formulario p.remember_me {
              float: left;
              line-height: 31px;
            }
            .formulario p.remember_me label {
              font-size: 12px;
              color: #777;
              cursor: pointer;
            }
            .formulario p.remember_me input {
              position: relative;
              bottom: 1px;
              margin-right: 4px;
              vertical-align: middle;
            }
            .formulario p.submit {
              text-align: right;
            }

            .formulario-help {
              margin: 20px 0;
              font-size: 11px;
              color: white;
              text-align: center;
              text-shadow: 0 1px #2a85a1;
            }
            .formulario-help a {
              color: #cce7fa;
              text-decoration: none;
            }
            .formulario-help a:hover {
              text-decoration: underline;
            }

            :-moz-placeholder {
              color: #c9c9c9 !important;
              font-size: 13px;
            }

            ::-webkit-input-placeholder {
              color: #ccc;
              font-size: 13px;
            }

            input {
              font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
              font-size: 14px;
            }
            .login {
              position: relative;
              margin: 0 auto;
              padding: 20px 20px 20px;
              width: 1220px;
              height: 220px;
              background: white;
              border-radius: 3px;
              -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
              box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
            }
            .login:before {
              content: '';
              position: absolute;
              top: -8px;
              right: -8px;
              bottom: -8px;
              left: -8px;
              z-index: -1;
              background: rgba(0, 0, 0, 0.08);
              border-radius: 4px;
            }
            .login h1 {
              margin: -20px -20px 21px;
              line-height: 40px;
              font-size: 15px;
              font-weight: bold;
              color: #555;
              text-align: center;
              text-shadow: 0 1px white;
              background: #f3f3f3;
              border-bottom: 1px solid #cfcfcf;
              border-radius: 3px 3px 0 0;
              background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
              background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
              -webkit-box-shadow: 0 1px whitesmoke;
              box-shadow: 0 1px whitesmoke;
            }
            
            .login h2 {
              line-height: 40px;
              font-size: 11px;
              font-weight: bold;
              color: #555;
              text-align: center;
              text-shadow: 0 1px white;
              background: #f3f3f3;
              border-bottom: 1px solid #cfcfcf;
              border-radius: 3px 3px 0 0;
              background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
              background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
              -webkit-box-shadow: 0 1px whitesmoke;
              box-shadow: 0 1px whitesmoke;
            }
            
            .login p {
              margin: 20px 0 0;
            }
            .login p:first-child {
              margin-top: 0;
            }
            .login input[type=text], .login input[type=password] {
              width: 278px;
            }
            .login p.remember_me {
              float: left;
              line-height: 31px;
            }
            .login p.remember_me label {
              font-size: 12px;
              color: #777;
              cursor: pointer;
            }
            .login p.remember_me input {
              position: relative;
              bottom: 1px;
              margin-right: 4px;
              vertical-align: middle;
            }
            .login p.submit {
              text-align: right;
            }

            .login-help {
              margin: 20px 0;
              font-size: 11px;
              color: white;
              text-align: center;
              text-shadow: 0 1px #2a85a1;
            }
            .login-help a {
              color: #cce7fa;
              text-decoration: none;
            }
            .login-help a:hover {
              text-decoration: underline;
            }
            #titulo {
                font-size: 20px;
                color: #323133;
                font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
                letter-spacing: -1px;
                text-decoration: none; 
                text-shadow: 1px 1px #fff, 0 0 #0e0e0e, 2px 3px 1px #e3e3e3; 
                text-transform: none; 
                word-spacing: -2px;
            }
            
            body {
              font: 13px/20px 'Lucida Grande', Tahoma, Verdana, sans-serif;
              color: #404040;
            }

           .containerTabla {
             margin: 8px auto;
              width: 95%;
            }
            
            .exterior{
            float:center;
            border:0;
            clear: both;
            width:99%;
            height:24px;
            padding: 0;
            overflow:hidden;
            position: static;
            }
            .interior {
            float:left;
            border:0;
            clear: both;
            width:1150px;
            height:120px;
            padding: 0;
            overflow-x: hidden;
            overflow-y:scroll; 
            position: static;
            border-style: solid; border-width: 1px;border-color:#E6E6E6
            }
            .interior2 {
            float:left;
            border:0;
            clear: both;
            width:100.4%;
            height:450px;
            padding: 0;
            overflow-x: hidden;
            overflow-y:scroll; 
            position: static;
            border-style: solid; border-width: 1px;border-color:#E6E6E6
            }
            thead.fixedHeader th {
            width:200px;
            font-family:arial;
            font-size:0.8em;
            background-color: #f3f3f3;
            color: #555;
            }
           
            tbody.scrollContent td {
            width:200px;
            font-family:arial;
            font-size:0.7em;
            text-align: center;
            }
            
            .containerUsuarios {
              width: 3px;
            }
            
            .Usuarios {
              position: relative;
              margin: 0 auto;
              padding: 20px 20px 20px;
              width: 330px;
              height: 220px;
              background: white;
              border-radius: 3px;
              -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
              box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
            }
            .Usuarios:before {
              content: '';
              position: absolute;
              top: -8px;
              right: -8px;
              bottom: -8px;
              left: -8px;
              z-index: -1;
              background: rgba(0, 0, 0, 0.08);
              border-radius: 4px;
            }
            .Usuarios h1 {
              margin: -20px -20px 21px;
              line-height: 40px;
              font-size: 15px;
              font-weight: bold;
              color: #555;
              text-align: center;
              text-shadow: 0 1px white;
              background: #f3f3f3;
              border-bottom: 1px solid #cfcfcf;
              border-radius: 3px 3px 0 0;
              background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
              background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
              -webkit-box-shadow: 0 1px whitesmoke;
              box-shadow: 0 1px whitesmoke;
            }
            
            .Usuarios h2 {
              line-height: 40px;
              font-size: 11px;
              font-weight: bold;
              color: #555;
              text-align: center;
              text-shadow: 0 1px white;
              background: #f3f3f3;
              border-bottom: 1px solid #cfcfcf;
              border-radius: 3px 3px 0 0;
              background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
              background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
              -webkit-box-shadow: 0 1px whitesmoke;
              box-shadow: 0 1px whitesmoke;
            }
            
            .Usuarios p {
              margin: 20px 0 0;
            }
            .Usuarios p:first-child {
              margin-top: 0;
            }
            .Usuarios input[type=text], .login input[type=password] {
              width: 278px;
            }
            .Usuarios p.remember_me {
              float: left;
              line-height: 31px;
            }
            .Usuarios p.remember_me label {
              font-size: 12px;
              color: #777;
              cursor: pointer;
            }
            .Usuarios p.remember_me input {
              position: relative;
              bottom: 1px;
              margin-right: 4px;
              vertical-align: middle;
            }
            .Usuarios p.submit {
              text-align: right;
            }

            .Usuarios-help {
              margin: 20px 0;
              font-size: 11px;
              color: white;
              text-align: center;
              text-shadow: 0 1px #2a85a1;
            }
            .Usuarios-help a {
              color: #cce7fa;
              text-decoration: none;
            }
            .Usuarios-help a:hover {
              text-decoration: underline;
            }
            
            .interiorUsuario {
                float:left;
                border:0;
                clear: both;
                width:300px;
                height:150px;
                padding: 0;
                overflow-x: hidden;
                overflow-y:scroll; 
                position: static;
                border-style: solid; border-width: 1px;border-color:#E6E6E6;
            }
            
             .interiorUsu {
                float:left;
                border:0;
                clear: both;
                width:300px;
                height:60px;
                padding: 0;
                overflow-x: hidden;
                overflow-y:scroll; 
                position: static;
                border-style: solid; border-width: 1px;border-color:#E6E6E6
            }
            .interiorNivel {
                float:left;
                border:0;
                clear: both;
                width:300px;
                height:60px;
                padding: 0;
                overflow-x: hidden;
                overflow-y:scroll; 
                position: static;
                border-style: solid; border-width: 1px;border-color:#E6E6E6
            }
        </style>
        <script>
            
            function CargarUsuario(){
                var tc = 5;
                var BuscarUsuario = $("#BuscarUsuario").val();
                var UsuarioSeleccionado = $("#UsuarioSeleccionado").val();
                
                $.ajax({
                       type: "POST",
                       contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                       url: "../../Bitacora/Controlador/Consultas/BllGrupoNecesidad.php",
                       data: {tc:tc,BuscarUsuario:BuscarUsuario,UsuarioSeleccionado:UsuarioSeleccionado},
                       success: DatosUsuario,
                       timeout: 4000
                   });
            }
            
            function DatosUsuario(datos){
                $("#Usuario").text("");
                rpt = $.parseJSON(datos);
                datos = $("#Usuario");
                var resp = "";
                resp += "<table  id='t2' class='t2' style='height:20%;width:100%;' border='0' cellpadding='2' cellspacing='0'>\
                            <tbody class='scrollContent'> ";
                 var con = 0;
                 for(dat in rpt){
                    resp += "<tr id='trt' class='trt' style=' padding:0.1px 1px 0.1px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                   <td>\
                                        <p align='justify'>\
                                           <input type='checkbox' name='txtSeleccioUsuario[]' value='ON' id='SeleccioUsuario"+con+"' onchange='GuardarLista();'/>\
                                           <input type='hidden' name='txtUsuarioId[]' id='UsuarioId"+con+"' value='"+rpt[dat].usu_oid+"' />\
                                           "+rpt[dat].NOMBRES+"<input type='hidden' name='' id='NombreUsuario"+con+"' value='"+rpt[dat].NOMBRES+"' />\
                                        </p>\
                                   </td>\
                                </tr> ";
                 con++;
                 
               }
               resp += "</table>";
               datos.append(resp);
               listaItems();
            }
            
            function GuardarLista(){
                var j =  0;
                var tama = document.getElementsByName("txtSeleccioUsuario[]");
                var Lista = new Array();
                for(var i = 0; i < tama.length ; i++){
                    if(document.getElementById("SeleccioUsuario"+i).checked == true){
                       
                var Usuario = document.getElementById("UsuarioId"+i).value;
                        Lista[j] = Usuario;
                        document.getElementById("UsuarioSeleccionado").value = Lista;
                        document.getElementById("Posicion").value = parseInt(j+1);
                        j++;
                    }
                    
                }
            }
            
            function listaItems(){
                var UsuarioSeleccionado = document.getElementById("UsuarioSeleccionado").value;
                var Posi = document.getElementById("Posicion").value;
                var splt = "";
                var OidUsuario = "";
                var OidUsu = "";
                var t = 0;
                var OidU = 0;
                
                for(var i = 0; i < Posi; i++){
                    splt = UsuarioSeleccionado;
                    OidUsuario = splt.split(",");
                    OidUsu = OidUsuario[i];
                    t = document.getElementsByName("txtUsuarioId[]");
                    for(var l =  0; l < t.length ; l++){
                        OidU = document.getElementById("UsuarioId"+l).value;
                        if(OidUsu == OidU){
                            document.getElementById("SeleccioUsuario"+l).checked = true;
                        }
                }
            }
        }
        
        function Clasificacion(){
                var tc = 6;
                var Clasificacion = $("#BuscarClasificacion").val();
                var NivelSeleccionado = $("#NivelSeleccionado").val();
                $.ajax({
                       type: "POST",
                       contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                       url: "../../Bitacora/Controlador/Consultas/BllClasificacion.php",
                       data: {tc:tc,Clasificacion:Clasificacion,NivelSeleccionado:NivelSeleccionado},
                       success: DatosNivel,
                       timeout: 4000
                   });
            }
            
            function DatosNivel(datos){
                $("#NivelServicio").text("");
                rpt = $.parseJSON(datos);
                datos = $("#NivelServicio");
                var resp = "";
                resp += "<table  id='t2' class='t2' style='height:20%;width:100.2%;' border='0' cellpadding='2' cellspacing='0'>\
                            <tbody class='scrollContent'> ";
                 var con = 0;
                 for(dat in rpt){
                 resp += "<tr id='trt' class='trt' style=' padding:0.5px 5px 0.5px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                <td>\
                                    <p align='justify'>\
                                        <input type='checkbox' name='txtSeleccioNivel[]' value='' id='SeleccioNivel"+con+"' onchange='GuardarListaServicio();'/>\
                                        <input type='hidden' name='txtNivelServicioId[]' id='NivelServicioId"+con+"' value='"+rpt[dat].Oid+"' />\
                                        "+rpt[dat].CsNombre+"<input type='hidden' name='' id='NombreNivel"+con+"' value='"+rpt[dat].CsNombre+"' />\
                                     </p>\
                                </td>\
                             </tr> ";
                con++;
               } 
               resp += "</table>";
               datos.append(resp);
               listaItemsNivel();
            }
            
            function GuardarListaServicio(){
                var j = 0;
                var tama = document.getElementsByName("txtSeleccioNivel[]");
                var Lista = new Array();
                for(var i = 0; i < tama.length ; i++){
                    if(document.getElementById("SeleccioNivel"+i).checked == true){
                        
                        var Nivel = document.getElementById("NivelServicioId"+i).value;
                        Lista[j] = Nivel;
                        document.getElementById("NivelSeleccionado").value = Lista;
                        document.getElementById("PosicionNivel").value = parseInt(j+1);
                        j++;
                    }
                }
            }
            
            function listaItemsNivel(){
                var NivelSeleccionado = document.getElementById("NivelSeleccionado").value;
                var Posi = document.getElementById("PosicionNivel").value;
                var splt = "";
                var OidNivel = "";
                var OidNiv = "";
                var t = 0;
                var OidN = 0;
                
                for(var i = 0; i < Posi; i++){
                    splt = NivelSeleccionado;
                    OidNivel = splt.split(",");
                    OidNiv = OidNivel[i];
                    t = document.getElementsByName("txtNivelServicioId[]");
                    for(var l = 0; l < t.length; l++){
                        OidN = document.getElementById("NivelServicioId"+l).value;
                        if(OidNiv == OidN){
                            document.getElementById("SeleccioNivel"+l).checked = true;
                        }
                    }
                    
                }
            }
            
            function UsuarioNivel(){
               $("#Usuarios").text("");
                $("#Nivel").text("");
                var tama = document.getElementsByName("txtSeleccioUsuario[]");
                for(var i = 0; i< tama.length ; i++){
                    if(document.getElementById("SeleccioUsuario"+i).checked == true){
                        var NombreUsuario = document.getElementById("NombreUsuario"+i).value;
                        $("#Usuarios").append("<table id='t2' class='t2' style='height:30%;width:100.2%;' border='0' cellpadding='2' cellspacing='0'>\
                                                <tbody class='scrollContent'>\
                                                    <tr id='trt' class='trt' style=' padding:0.5px 5px 0.5px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                                        <td>\
                                                             <p align='justify'> - "+NombreUsuario+"\
                                                        </td>\
                                                    </tr>\
                                                </table>");
                    }
                }
                var tam = document.getElementsByName("txtSeleccioNivel[]");
                for(var j = 0; j< tam.length ; j++){
                    if(document.getElementById("SeleccioNivel"+j).checked == true){
                        
                        var NombreNivel = document.getElementById("NombreNivel"+j).value;
                        $("#Nivel").append("<table id='t2' class='t2' style='height:30%;width:100.2%;' border='0' cellpadding='2' cellspacing='0'>\
                                                <tbody class='scrollContent'>\
                                                    <tr id='trt' class='trt' style=' padding:0.5px 5px 0.5px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                                        <td>\
                                                             <p align='justify'> - "+NombreNivel+"\
                                                        </td>\
                                                    </tr>\
                                                </table>");
                    }
                } 
                
            }
            
            //funcion para mostrar en la tabla los grupos de parametrizacion
            function GrupoNecesidad(){
                 var tc = 2;
                $.ajax({
                       type: "POST",
                       contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                       url: "../../Bitacora/Controlador/Consultas/BllGrupoNecesidad.php",
                       data: {tc:tc},
                       success: DatosGrupoNecesidad,//si la conexion con json fue exitosa
                       timeout: 4000
                   });
            }
            
            function DatosGrupoNecesidad(datos){
                $("#GrupoNecesidad").text("");
                rpt = $.parseJSON(datos);
                datos = $("#GrupoNecesidad");
                var resp = "";
                resp += "<table id='t2' class='t2' style='height:30%;width:100.2%;' border='0' cellpadding='2' cellspacing='0'>\
                            <tbody class='scrollContent'> ";
                 var con = 1;
                 var temp = "";
                 for(dat in rpt){
                     if(temp != rpt[dat].UsuarioOid){
                 resp += "<tr id='trt' class='trt' style=' padding:0.5px 5px 0.5px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                <td style='padding-left:10px'>\
                                    "+rpt[dat].NOMBRE_USUARIO+"<input type='hidden' name='' id='Usu"+dat+"' value='"+rpt[dat].NOMBRE_USUARIO+"' />\
                                 </td>\
                                <td style='padding-left:10px'>\
                                    <div id='NivelServicios"+dat+"'></div>\
                                </td>\
                                <td style='padding-left:10px'>\
                                   <img src='../imagen/edi.png' width='20' height='20' alt='edi' onclick='Editar("+dat+','+rpt[dat].UsuarioOid+")'/>\
                                </td>\
                             </tr> ";
                con++;
                setTimeout('NivelServicios('+dat+","+rpt[dat].UsuarioOid+')',500);
                }
                temp = rpt[dat].UsuarioOid;
               } 
               resp += "</table>";
               datos.append(resp);
            }
            
            function NivelServicios(Posi,OidUsuario){
                var tc = 3;
                $.ajax({
                       type: "POST",
                       contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                       url: "../../Bitacora/Controlador/Consultas/BllGrupoNecesidad.php",
                       data: {tc:tc,OidUsuario:OidUsuario},
                       success: function DatosNecesidadUsuario(datos){
                                    $("#NivelServicios"+Posi).text("");
                                    rpt = $.parseJSON(datos);
                                    datos = $("#NivelServicios"+Posi);
                                    var con = 1;
                                    for(dat in rpt ){
                                        datos.append('-'+rpt[dat].CsNombre+'<br>\
                                                    '+'<input type="hidden" name="txtNombreCate[]" id="NombreCate'+Posi+con+'" value="'+rpt[dat].CsNombre+'"/>\
                                                    <input type="hidden" name="txtOidCategoria[]" id="OidCategoria'+Posi+con+'" value="'+rpt[dat].CatServicioOid+'"/>');
                                    con++;
                                    }
                                    
                                },
                       timeout: 4000
                   });
            }
            
            function Cancelar(){
                $("#Usuarios").text("");
                $("#Nivel").text("");
                document.getElementById("BotonGuardar").innerHTML = '<input type="button" value="Guardar" class="btn btn-success" onclick="GuardarUsuarioNivel();"/>';
                var tama = document.getElementsByName("txtSeleccioUsuario[]");
                for(var i = 0; i < tama.length ; i++){
                    if(document.getElementById("SeleccioUsuario"+i).checked == true){
                       document.getElementById("SeleccioUsuario"+i).checked = false;
                    }
                }
                var tam = document.getElementsByName("txtSeleccioNivel[]");
                for(var j = 0; j < tam.length ; j++){
                    if(document.getElementById("SeleccioNivel"+j).checked == true){
                        document.getElementById("SeleccioNivel"+j).checked = false;
                    }
                }
            }
            
            function Editar(posi,Usu){
                Cancelar();
                $("#Usuarios").text("");
                document.getElementById("BotonGuardar").innerHTML = '<input type="button" value="Editar" class="btn btn-success" onclick="EditarUsuarioNivel();"/>';
                document.getElementById("Usuarios").innerHTML ="<table id='t2' class='t2' style='height:30%;width:100.2%;' border='0' cellpadding='2' cellspacing='0'>\
                                                                    <tbody class='scrollContent'>\
                                                                        <tr id='trt' class='trt' style=' padding:0.5px 5px 0.5px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                                                            <td>\
                                                                                 <p align='justify'> - "+$("#Usu"+posi).val();+"\
                                                                            </td>\
                                                                        </tr>\
                                                                    </table>";
            $("#Nivel").text("");
            var t = document.getElementsByName("txtNombreCate[]");
                for(var i = 0; i < t.length ; i++){
                    if($("#NombreCate"+posi+i).val() != undefined){
                    $("#Nivel").append("<table id='t2' class='t2' style='height:30%;width:100.2%;' border='0' cellpadding='2' cellspacing='0'>\
                                                <tbody class='scrollContent'>\
                                                    <tr id='trt' class='trt' style=' padding:0.5px 5px 0.5px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                                        <td>\
                                                             <p align='justify'> - "+$("#NombreCate"+posi+i).val()+"\
                                                        </td>\
                                                    </tr>\
                                                </table>");
                    var Oid  = $("#OidCategoria"+posi+i).val();
                    var tam = document.getElementsByName("txtNivelServicioId[]");
                    for(var j = 0; j < tam.length ; j++){
                        
                        if(document.getElementById("NivelServicioId"+j).value == Oid){
                           document.getElementById("SeleccioNivel"+j).checked = true;
                        }
                    }}
                   
                }
                var tama = document.getElementsByName("txtUsuarioId[]");
                for(var j = 0; j < tama.length ; j++){
                    
                    if(document.getElementById("UsuarioId"+j).value == Usu){
                        document.getElementById("SeleccioUsuario"+j).checked = true;
                        
                    }else{
                        document.getElementById("SeleccioUsuario"+j).checked = false;
                    }
                    
                }
                GuardarListaServicio();
                GuardarLista();
            }
            
            function ValidarUsuarioNivel(){
                if($("#Usuarios").text()==""){
                    alertify.alert("Seleccione Los Usuarios Que Requiere"),function(){
                     $("#Usuarios").focus();   
                    };
                    return false;
                }if($("#Nivel").text()==""){
                    alertify.alert("Seleccione Los Niveles De Servicio Que Requiere"),function(){
                     $("#Nivel").focus();   
                    };
                    return false;
                }else{
                   GuardarUsuarioNivel();
                }
               
            }
            
            function GuardarUsuarioNivel(){
                 var tama = document.getElementsByName("txtUsuarioId[]");
                    for(var i = 0; i< tama.length ; i++){
                        if(document.getElementById("SeleccioUsuario"+i).checked == true){
                             var tam = document.getElementsByName("txtNivelServicioId[]");
                             var Usuario = document.getElementById("UsuarioId"+i).value;

                            for(var j = 0; j< tam.length ; j++){
                                if(document.getElementById("SeleccioNivel"+j).checked == true){
                                    var Nivel = document.getElementById("NivelServicioId"+j).value;
                                    var tc = 1;
                                $.ajax({
                                       type: "POST",
                                       contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                                       url: "../../Bitacora/Controlador/Consultas/BllGrupoNecesidad.php",
                                       data: {tc:tc,Usuario:Usuario,Nivel:Nivel},
                                       timeout: 4000
                                   });
                                }
                            }
                        }
                    }
                     MensajeUsuarioNivel();
            }
            
            function MensajeUsuarioNivel(){
                $("#Usuarios").text("");
                $("#Nivel").text("");
                $("#UsuarioSeleccionado").val("");
                $("#Posicion").val("");
                $("#NivelSeleccionado").val("");
                $("#PosicionNivel").val("");
               // alertify.success("Los Datos Se Guardaron Con Exito");
                GrupoNecesidad();
                CargarUsuario();
                Clasificacion();
            }
            
            function EditarUsuarioNivel(){
                if($("#Usuarios").text()==""){
                    alertify.alert("Seleccione Los Usuarios Que Requiere"),function(){
                     $("#Usuarios").focus();   
                    };
                    return false;
                }if($("#Nivel").text()==""){
                    alertify.alert("Seleccione Los Niveles De Servicio Que Requiere"),function(){
                     $("#Nivel").focus();   
                    };
                    return false;
                }else{
                    var tama = document.getElementsByName("txtUsuarioId[]");
                    for(var i = 0; i< tama.length ; i++){
                        if(document.getElementById("SeleccioUsuario"+i).checked == true){
                             var tam = document.getElementsByName("txtNivelServicioId[]");
                             var Usuario = document.getElementById("UsuarioId"+i).value;

                            for(var j = 0; j< tam.length ; j++){
                                if(document.getElementById("SeleccioNivel"+j).checked == true){
                                    var Nivel = document.getElementById("NivelServicioId"+j).value;
                                    var tc = 4;
                                $.ajax({
                                       type: "POST",
                                       contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                                       url: "../../Bitacora/Controlador/Consultas/BllGrupoNecesidad.php",
                                       data: {tc:tc,Usuario:Usuario,Nivel:Nivel},
                                       success: GuardarUsuarioNivel,
                                       timeout: 4000
                                   });
                                }
                            }
                        }
                    }
                }
                
                document.getElementById("BotonGuardar").innerHTML = '<input type="button" value="Guardar" class="btn btn-success" onclick="GuardarUsuarioNivel();"/>';
            }
        </script>
    </head>
    <body onload="CargarUsuario();Clasificacion();GrupoNecesidad();">
        <table  style="width: 90%;" >
            <tr>
                <td>
                    <section class="containerUsuarios">
                        <div class="Usuarios">
                            <h1>USUARIOS <input type="text" name="" style="width: 230px" value="" id="BuscarUsuario" placeholder="Buscar" onkeyup="CargarUsuario();"/></h1>
                            <div class="interiorUsuario" id="inte">
                                <div id="Usuario"></div>
                            </div>
                        </div>
                    </section>
                </td>
                <td>
                    <section class="containerUsuarios">
                        <div class="Usuarios">
                            <h1>SERVICIO <input type="text" name="" style="width: 230px" value="" id="BuscarClasificacion" placeholder="Buscar" onkeyup="Clasificacion();"/></h1>
                            <div class="interiorUsuario" id="inte">
                                <div id="NivelServicio"></div>
                            </div>
                        </div>
                    </section>
                </td>
                <td style="width: 100px">
                    <table  style="height: 250px">
                        <tr>
                            <td colspan="2" align="center" style="height: 185px">
                                <img src="../Imagen/Pasar.png" width="30" height="30" alt="Pasar" onclick="UsuarioNivel();"/>
                            </td>
                        </tr>
                        <tr>
                            <td  style="" align="center" >
                                <div id="BotonGuardar"><input type="button" value="Guardar" class="btn btn-success" onclick="GuardarUsuarioNivel();"/></div>
                            </td>
                            <td style="padding: 13px">
                                <input type="button" value="Limpiar" class="btn btn-info" onclick="Cancelar();"/>
                            </td>
                        </tr>
                    </table> 
                </td>
                <td>
                    <section class="containerUsuarios" >
                        <div class="Usuarios">
                            <h1>PARAMETRIZACION</h1>
                            <div style="font-size: 13px;font-weight: bold;color: #555;">USUARIO</div>
                            <div class="interiorUsu" id="inte">
                                <div id="Usuarios"></div>
                            </div>
                            <div style="font-size: 13px;font-weight: bold;color: #555;">SERVICIO</div>
                            <div class="interiorNivel" id="inte">
                                <div id="Nivel"></div>
                                
                            </div>
                        </div>
                    </section>
                </td>
            </tr>
        </table>
        <section class="containerTabla">
            <div class="login">
                <h1>GRUPOS DE NECESIDAD</h1>
                <form>
                    <table>
                        <tr>
                            <td>
                                <div class="exterior">
                                    <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                        <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                            <tr>
                                                <th>
                                                    Usuario Administrador Del Servició	
                                                </th>
                                                <th>
                                                    Servicio
                                                </th>
                                                <th>
                                                    Editar
                                                </th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                                <div class="interior" id="inte">
                                    <div id="GrupoNecesidad"></div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
        </section>
        <input type="hidden" name="" value="" id="UsuarioSeleccionado"/>
        <input type="hidden" name="" value="" id="Posicion"/>
        
        <input type="hidden" name="" value="" id="NivelSeleccionado"/>
        <input type="hidden" name="" value="" id="PosicionNivel"/>
    </body>  
</html>